<template>
    <div>
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: '/' }"><i class="el-icon-lx-cascades"></i> 首页</el-breadcrumb-item>
                <el-breadcrumb-item> 商户管理</el-breadcrumb-item>
                <el-breadcrumb-item :to="{ path: '/managerindex' }">商户详情</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
            <el-card class="box-card">
                <div slot="header" class="clearfix">
                    <el-button type="primary" style="float: right;font-size: 18px; " @click="back">返回</el-button>
                </div>
                <div>
                    <table border="1">
                        <tbody>
                            <tr>
                                <td class="cellsback">商品名称：</td>
                                <td>{{ res.name }}</td>
                                <td class="cellsback">营业执照号码：</td>
                                <td>{{ res.license }}</td>
                            </tr>
                            <tr>
                                <td class="cellsback">负责人：</td>
                                <td>{{ res.director }}</td>
                                <td class="cellsback">负责人手机号：</td>
                                <td>{{ res.directorphone }}</td>
                            </tr>
                            <tr>
                                <td class="cellsback">身份证号码：</td>
                                <td>{{ res.idcard }}</td>
                                <td class="cellsback">经营区域：</td>
                                <td>{{ res.area }}</td>
                            </tr>
                            <tr>
                                <td class="cellsback">注册时间：</td>
                                <td>{{ res.createdate }}</td>
                                <td class="cellsback">审核状态：</td>
                                <td>{{ res.state == 0 ? '未审核' : '已审核' }}</td>
                            </tr>
                            <tr>
                                <td class="cellsback">详细地址：</td>
                                <td>{{ res.address }}</td>
                                <td class="cellsback">商家介绍：</td>
                                <td>{{ res.content }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </el-card>
        </div>
</template>

<script>
import { selectmerchant } from '@/api/businessesManager'
export default {
    data() {
        return {
            query: {
                id: '',
                pageNum: 1,
                pageSize: 2
            },
            res: {}

        }
    },
    created() {
        this.query.id = this.$route.query.id
    },
    async mounted() {

        let result = await selectmerchant(this.$qs.stringify(this.query))
        // console.log(result.data.list[0]);
        this.res = result.data.list[0]

    },
    methods: {
        back() {
            this.$router.back()
        }
    }


}
</script>

<style  scoped>
.clearfix {
    font-size: 20px;
    line-height: 38px;
}

.clearfix span {
    font-weight: 550;
}

.cellsback {
    background-color: rgb(248, 248, 248);
}

::v-deep .el-card {
    height: 100% !important;
}

table {
    margin-top: 40px;
    border-collapse: collapse;
    width: 100%;
    font-size: 19px;
}

td {
    border: 1px solid rgb(217, 216, 216);
    height: 60px;
    line-height: 46px;
    padding-left: 10px;
}

.container {
    height: 100%;
}</style>